<html>

<head>
    <style>

        #test {
            width: 100%;
        }

        #test, #left, #right {
            display: flex;
        }

        #left {
            margin-right: auto;
        }

        .flexbar {
            width: 100%;
        }

        .flexbar,
        .flexbar div {
            display: flex;
        }

        .flexbar-right {
            margin-left: auto;
        }


    </style>
</head>
<body>

<!--<div id="test">-->

    <!--<div id="left">-->
       <!--left-->
    <!--</div>-->

    <!--<div id="right">-->
        <!--right-->
    <!--</div>-->

<!--</div>-->

<!--<div class="flexbar">-->

    <!--<div>-->
        <!--left-->
    <!--</div>-->

    <!--<div class="flexbar-right">-->
        <!--right-->
    <!--</div>-->

<!--</div>-->


</body>
</html>
